/* 版心左侧部分 */

.banner_nav {
    padding: 21px 0;
    width: 234px;
    height: 460px;
    background-color: rgba(105, 101, 101, .6);
}

.banner .banxin {
    position: relative;
    height: 460px;
}

.banner_nav {
    position: absolute;
    z-index: 1;
}

.banner_nav ul li {
    position: relative;
    width: 234px;
    height: 42px;
}

.banner_nav ul li .banner_nav1 {
    width: 234px;
    height: 42px;
    color: white;
    display: block;
    padding: 0 30px;
    line-height: 40px;
}

.banner_nav ul li .banner_nav1::after {
    float: right;
    font-family: 'icomoon';
    content: "\e96e";
    vertical-align: middle;
    font-size: 16px;
}

.banner_nav ul li .banner_nav1:hover {
    background-color: orange;
}

/* 轮播图片部分 */

.banner_pic {
    overflow: hidden;
    position: relative;
    height: 460px;
    width: 1228px;
    border: 1px solid black;
}

.banner_pic ul li img {
    float: left;
    width: 1226px;
    height: 460px;
}

.banner_pic ul {
    position: absolute;
    top: 0;
    left: 0;
    /* animation: slip 8s cubic-bezier(0, 1, 0, 1) 2s infinite backwards; */
    width: 500%;
}

/* 鼠标经过暂停 */

/* .banner_pic ul:hover {
    animation-play-state: paused;
} */

/* 按钮部分 */

.banner_pic ol {
    position: absolute;
    bottom: 25px;
    right: 25px;
    height: 11px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    z-index: 3;
}

.banner_pic ol li {
    float: left;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    border: 1px solid #ddd;
    background-color: gray;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 2px 2px 2px #b0b0b0;
}

.banner_pic ol li:hover {
    background-color: #fff;
}

/* 右侧延伸菜单1 */

.banner_nav ul li .detail_1 {
    display: none;
    position: absolute;
    left: 233px;
    top: -21px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_1 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_1 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_1 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_1 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail1:hover .detail_1 {
    display: block;
}

/* 右侧延伸菜单2 */

.banner_nav ul li .detail_2 {
    display: none;
    position: absolute;
    left: 233px;
    top: -63px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_2 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_2 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_2 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_2 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail2:hover .detail_2 {
    display: block;
}

/* 右侧延伸菜单3 */

.banner_nav ul li .detail_3 {
    display: none;
    position: absolute;
    left: 233px;
    top: -105px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_3 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_3 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_3 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_3 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail3:hover .detail_3 {
    display: block;
}

/* 右侧延伸菜单4 */

.banner_nav ul li .detail_4 {
    display: none;
    position: absolute;
    left: 233px;
    top: -147px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_4 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_4 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_4 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_4 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail4:hover .detail_4 {
    display: block;
}

/* 右侧延伸菜单5 */

.banner_nav ul li .detail_5 {
    display: none;
    position: absolute;
    left: 233px;
    top: -189px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_5 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_5 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_5 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_5 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail5:hover .detail_5 {
    display: block;
}

/* 右侧延伸菜单6 */

.banner_nav ul li .detail_6 {
    display: none;
    position: absolute;
    left: 233px;
    top: -231px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_6 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_6 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_6 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_6 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail6:hover .detail_6 {
    display: block;
}

/* 右侧延伸菜单7 */

.banner_nav ul li .detail_7 {
    display: none;
    position: absolute;
    left: 233px;
    top: -273px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_7 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_7 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_7 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_7 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail7:hover .detail_7 {
    display: block;
}

/* 右侧延伸菜单8 */

.banner_nav ul li .detail_8 {
    display: none;
    position: absolute;
    left: 233px;
    top: -315px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_8 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_8 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_8 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_8 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail8:hover .detail_8 {
    display: block;
}

/* 右侧延伸菜单9 */

.banner_nav ul li .detail_9 {
    display: none;
    position: absolute;
    left: 233px;
    top: -357px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_9 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_9 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_9 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_9 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail9:hover .detail_9 {
    display: block;
}

/* 右侧延伸菜单10 */

.banner_nav ul li .detail_10 {
    display: none;
    position: absolute;
    left: 233px;
    top: -399px;
    width: 995px;
    height: 460px;
    padding: 3px 10px 21px 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: 2px 4px 8px #b0b0b0;
    z-index: 2;
}

.banner_nav ul li .detail_10 .detail_goods li {
    float: left;
    margin-top: 30px;
}

.banner_nav ul li .detail_10 .detail_goods li .detail_goods1 {
    display: block;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 14px;
}

.banner_nav ul li .detail_10 .detail_goods li .detail_goods1 img {
    margin-right: 5px;
}

.banner_nav ul li .detail_10 .detail_goods li .detail_goods1:hover {
    color: orange;
}

.banner_nav ul .nav_detail10:hover .detail_10 {
    display: block;
}

/* 轮播图左箭头部分 */

.banner_ri {
    position: relative;
}

.banner_ri .arrow_le .le {
    position: absolute;
    top: 200px;
    left: 233px;
    width: 40px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
    color: gray;
}

.banner_ri .arrow_le:hover .le {
    color: #000;
    background: rgba(105, 101, 101, .3);
}

.banner_ri .arrow_le .le::after {
    font-family: 'icomoon';
    content: "\e969";
    font-size: 28px;
}

/* 轮播图右侧箭头部分 */

.banner_ri .arrow_ri .ri {
    position: absolute;
    top: 195px;
    right: -2px;
    width: 40px;
    height: 60px;
    line-height: 60px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    cursor: pointer;
    color: gray;
    text-align: center;
}

.banner_ri .arrow_ri:hover .ri {
    color: #000;
    background: rgba(105, 101, 101, .3);
}

.banner_ri .arrow_ri .ri::after {
    font-family: 'icomoon';
    content: "\e96e";
    font-size: 28px;
}

.banner_pic .circle .current {
    background-color: #fff;
}

/* 推荐模块 */

.column {
    margin-top: 15px;
    height: 170px;
}

/* 推荐左侧部分 */

.column_1 {
    float: left;
    width: 234px;
    background: orange;
}

.column_1 ul li {
    float: left;
    width: 78px;
    height: 85px;
    text-align: center;
}

.column_1 ul li a {
    position: relative;
    display: block;
    width: 78px;
    height: 85px;
    padding-top: 45px;
    color: #b0b0b0;
    border: 1px solid gray;
    background-color: #5f5750;
}

.column_1 ul li a:hover {
    background-color: orange;
    color: #fff;
}

/* 推荐左侧图标部分 */

.column_1 ul li .recommend::before {
    position: absolute;
    top: 20px;
    left: 25px;
    font-family: 'icomoon';
    content: "\e94e";
    font-size: 20px;
}

.column_1 ul li .team::before {
    position: absolute;
    top: 20px;
    left: 25px;
    font-family: 'icomoon';
    content: "\ea84";
    font-size: 20px;
}

.column_1 ul li .passage::before {
    position: absolute;
    top: 20px;
    left: 25px;
    font-family: 'icomoon';
    content: "\e910";
    font-size: 20px;
}

.column_1 ul li .card::before {
    position: absolute;
    top: 20px;
    left: 25px;
    font-family: 'icomoon';
    content: "\ea55";
    font-size: 20px;
}

.column_1 ul li .new::before {
    position: absolute;
    top: 20px;
    left: 25px;
    font-family: 'icomoon';
    content: "\e9ce";
    font-size: 20px;
}

.column_1 ul li .bill::before {
    position: absolute;
    top: 20px;
    left: 25px;
    font-family: 'icomoon';
    content: "\ea6b";
    font-size: 20px;
}

/* 推荐右侧图片部分 */

.column_2 {
    float: right;
}

.column .column_2 {
    width: 978px;
}

.column .column_2 ul li {
    float: left;
    width: 316px;
    height: 170px;
    margin-right: 15px;
}

.column .column_2 ul li:nth-child(3) {
    margin-right: 0;
}

.column .column_2 ul li a[class^="mi"] {
    display: block;
    width: 100%;
    height: 170px;
}

.column .column_2 ul li .mi1 {
    background: url(../image/mi1.jpg);
    background-size: cover;
}

.column .column_2 ul li .mi2 {
    background: url(../image/mi2.jpg);
    background-size: cover;
}

.column .column_2 ul li .mi3 {
    background: url(../image/mi3.png);
    background-size: cover;
}

.floor {
    margin-top: 15px;
    background-color: #f5f5f5;
}

/* 小米秒杀模块 */

.seckill_nav {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #000;
}

.seckill_nav h2 {
    float: left;
    font-weight: 400;
    color: #333333;
}

/* 小米秒杀栏箭头部分 */

.seckill_nav .swiper {
    float: right;
    margin-top: 22px;
}

.seckill_nav .swiper span {
    position: relative;
    display: block;
    float: left;
    width: 36px;
    height: 24px;
    cursor: pointer;
    font-size: 20px;
    color: #b0b0b0;
    border: 1px solid #ddd;
}

.seckill_nav .swiper span:hover {
    color: orange;
}

/* 小米秒杀栏左侧箭头部分 */

.seckill_nav .swiper .swiper_prev::before {
    position: absolute;
    top: -17px;
    left: 8px;
    font-family: 'icomoon';
    content: "\e969";
}

/* 小米秒杀栏右侧箭头部分 */

.seckill_nav .swiper .swiper_next::before {
    position: absolute;
    top: -17px;
    right: 8px;
    font-family: 'icomoon';
    content: "\e96e";
}

/* 小米秒杀商品部分 */

.seckill_goods {
    position: relative;
    margin-top: 10px;
    height: 339px;
}

/* 小米秒杀第一个图块 */

.seckill_news {
    position: absolute;
    left: 0;
    width: 234px;
    height: 339px;
    background-color: #f1eded;
    border-top: 1px solid red;
    text-align: center;
    padding: 10px;
}

.seckill_news h2 {
    margin: 50px 0 10px 0;
    font-weight: 400;
    font-size: 22px;
    color: red;
}

.seckill_news img {
    width: 34px;
    height: 53px;
    margin: 25px 92px;
}

.seckill_news p {
    color: #b0b0b0;
    margin: 10px 0 20px 0;
}

.seckill_news div {
    height: 46px;
    line-height: 46px;
    margin-left: 28px;
}

.seckill_news div span {
    float: left;
    width: 46px;
    height: 46px;
    font-size: 20px;
    color: #fff;
    background-color: #605751;
}

.seckill_news div i {
    float: left;
    margin: 0 5px;
}

.seckill_good {
    position: absolute;
    left: 248px;
    width: 978px;
    height: 339px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.seckill_good ul {
    animation: move2 10s cubic-bezier(0, 1, 0, 1) 2s infinite backwards;
    width: 500%;
}

@keyframes move2 {
    0% {
        transform: translateX(0px);
    }
    33% {
        transform: translateX(-978px);
    }
    66% {
        transform: translateX(-1956px);
    }
    100% {
        transform: translateX(0px);
    }
}

.seckill_good ul li {
    float: left;
    width: 234px;
    height: 339px;
    margin-right: 14px;
}

.seckill_good ul li:nth-child(4n) {
    margin-right: 0;
}

.seckill_good ul li a {
    float: left;
    display: block;
    width: 234px;
    height: 339px;
    background-color: rgba(0, 0, 0, 0.02);
}

/* 右侧商品第一个盒子 */

.seckill_goods1 {
    border-top: 1px solid skyblue;
    padding-top: 20px;
    text-align: center;
}

.seckill_goods1 .goods1_pic {
    margin: 0 auto 46px;
    padding-top: 15px;
    width: 160px;
    height: 160px;
}

.seckill_goods1 .goods1_pic img {
    width: 160px;
    height: 160px;
}

.seckill_goods1 h3 {
    font-weight: 400;
    margin: 0 20px 3px;
    overflow: hidden;
    color: black;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seckill_goods1 .meet {
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 20px 12px;
}

.seckill_goods1 .price {
    display: inline-block;
    color: #ff6709;
}

.seckill_goods1 del {
    color: #b0b0b0;
}

/* 右侧商品第二个盒子 */

.seckill_goods2 {
    border-top: 1px solid orange;
    padding-top: 20px;
    text-align: center;
}

.seckill_goods2 .goods1_pic {
    margin: 0 auto 46px;
    padding-top: 15px;
    width: 160px;
    height: 160px;
}

.seckill_goods2 .goods1_pic img {
    width: 160px;
    height: 160px;
}

.seckill_goods2 h3 {
    font-weight: 400;
    margin: 0 20px 3px;
    overflow: hidden;
    color: black;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seckill_goods2 .meet {
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 20px 12px;
}

.seckill_goods2 .price {
    display: inline-block;
    color: #ff6709;
}

.seckill_goods2 del {
    color: #b0b0b0;
}

/* 右侧商品第三个盒子 */

.seckill_goods3 {
    border-top: 1px solid green;
    padding-top: 20px;
    text-align: center;
}

.seckill_goods3 .goods3_pic {
    margin: 0 auto 46px;
    padding-top: 15px;
    width: 160px;
    height: 160px;
}

.seckill_goods3 .goods3_pic img {
    width: 160px;
    height: 160px;
}

.seckill_goods3 h3 {
    font-weight: 400;
    margin: 0 20px 3px;
    overflow: hidden;
    color: black;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seckill_goods3 .meet {
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 20px 12px;
}

.seckill_goods3 .price {
    display: inline-block;
    color: #ff6709;
}

.seckill_goods3 del {
    color: #b0b0b0;
}

/* 右侧商品第四个盒子 */

.seckill_goods4 {
    border-top: 1px solid #ffac13;
    padding-top: 20px;
    text-align: center;
}

.seckill_goods4 .goods4_pic {
    margin: 0 auto 46px;
    padding-top: 15px;
    width: 160px;
    height: 160px;
}

.seckill_goods4 .goods4_pic img {
    width: 160px;
    height: 160px;
}

.seckill_goods4 h3 {
    font-weight: 400;
    margin: 0 20px 3px;
    overflow: hidden;
    color: black;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seckill_goods4 .meet {
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 20px 12px;
}

.seckill_goods4 .price {
    display: inline-block;
    color: #ff6709;
}

.seckill_goods4 del {
    color: #b0b0b0;
}

/* 广告新闻条1 */

.news_1 {
    margin-top: 20px;
}

.news_1 img {
    height: 120px;
}

/* 手机模块制作 */

.phone {
    margin-top: 20px;
}

/* 手机导航条制作 */

.phone .phone_nav {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #000;
}

.phone .phone_nav h2 {
    float: left;
    font-weight: 400;
    color: #333333;
}

.phone_nav p {
    float: right;
    color: #424242;
}

.phone_nav p::after {
    font-family: 'icomoon';
    content: "\ea42";
    font-size: 16px;
    vertical-align: middle;
}

.phone_nav p:hover {
    color: #ff6709;
}

.phone_goods {
    margin-top: 10px;
    height: 617px;
}

/* 手机商品左侧部分 */

.phone_goods .phone_goods_le {
    float: left;
    width: 234px;
}

.phone_goods .phone_goods_le img {
    height: 617px;
    width: 234px;
    transition: all 0.6s;
}

.phone_goods .phone_goods_le :hover img {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

/* 手机商品右侧部分 */

.phone_goods_ri {
    float: right;
    width: 980px;
}

.phone_goods_ri ul li {
    float: left;
    width: 234px;
    height: 300px;
    margin-right: 14px;
    margin-bottom: 14px;
}

.phone_goods_ri ul li:nth-child(4n) {
    margin-right: 0;
}

.phone_goods_ri ul li a {
    display: block;
    width: 234px;
    height: 300px;
    background-color: #fff;
    transition: all .6s;
}

.phone_goods_ri ul li:hover a {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

.shouji_goods1 {
    padding-top: 20px;
    text-align: center;
}

.shouji_goods1 .goods1_pic {
    margin: 0 auto 26px;
    padding-top: 15px;
    width: 160px;
    height: 160px;
}

.shouji_goods1 .goods1_pic img {
    width: 160px;
    height: 160px;
}

.shouji_goods1 h3 {
    font-weight: 400;
    margin: 0 20px 3px;
    overflow: hidden;
    color: black;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.shouji_goods1 .meet {
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 20px 12px;
}

.shouji_goods1 .price {
    display: inline-block;
    color: #ff6709;
}

.shouji_goods1 del {
    color: #b0b0b0;
}

/* 广告新闻条2 */

.news_2 {
    margin-top: 20px;
}

.news_2 img {
    height: 120px;
}

/* 家电模块 */

.homeapp {
    margin-top: 20px;
}

.homeapp .homeapp_nav {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #000;
}

.homeapp .homeapp_nav h2 {
    float: left;
    font-weight: 400;
    color: #333333;
}

.homeapp .homeapp_nav ul {
    float: right;
}

.homeapp .homeapp_nav ul li {
    float: left;
}

.homeapp .homeapp_nav ul li:nth-child(1) {
    margin: 0 25px;
}

.homeapp .homeapp_nav ul li:hover a {
    color: #ff6700;
    border-bottom: 2px solid #ff6700;
}

.homeapp .homeapp_nav ul li a {
    color: #424242;
}

/* 家电商品部分 */

.homeapp_goods {
    margin-top: 10px;
    height: 617px;
}

/* 家电商品左侧部分 */

.homeapp_goods .homeapp_goods_le {
    float: left;
    width: 234px;
}

.homeapp_goods .homeapp_goods_le ul li {
    height: 300px;
    margin-bottom: 14px;
}

.homeapp_goods .homeapp_goods_le ul li a img {
    height: 300px;
    width: 234px;
    transition: all 0.6s;
}

.homeapp_goods .homeapp_goods_le ul li a:hover img {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

/* 家电商品右侧部分 */

.homeapp_goods_ri {
    float: right;
    width: 980px;
}

.homeapp_goods_ri ul .bigbox {
    float: left;
    width: 234px;
    height: 300px;
    margin-right: 14px;
    margin-bottom: 14px;
}

.homeapp_goods_ri ul .bigbox:nth-child(4n) {
    margin-right: 0;
}

.homeapp_goods_ri ul .bigbox a {
    display: block;
    width: 234px;
    height: 300px;
    background-color: #fff;
    transition: all .6s;
}

.homeapp_goods_ri ul .bigbox:hover a {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

.homeapp_goods1 {
    padding-top: 20px;
    text-align: center;
}

.homeapp_goods1 .goods1_pic {
    margin: 0 auto 26px;
    padding-top: 15px;
    width: 160px;
    height: 160px;
}

.homeapp_goods1 .goods1_pic img {
    width: 160px;
    height: 160px;
}

.homeapp_goods1 h3 {
    font-weight: 400;
    margin: 0 20px 3px;
    overflow: hidden;
    color: black;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.homeapp_goods1 .meet {
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 20px 12px;
}

.homeapp_goods1 .price {
    display: inline-block;
    color: #ff6709;
}

.homeapp_goods1 del {
    color: #b0b0b0;
}

/* 家电右侧小盒子部分 */

.smallbox {
    float: right;
    width: 234px;
    height: 143px;
    margin-bottom: 14px;
    background-color: #fff;
}

.smallbox a {
    position: relative;
    display: block;
    padding: 20px 20px;
    width: 234px;
    height: 143px;
    transition: all 0.6s;
}

.smallbox:hover a {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.smallbox h3 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    width: 90px;
    color: #000;
    font-size: 14px;
}

.smallbox p {
    color: #ff6709;
}

.smallbox .goods2_pic {
    position: absolute;
    right: 15px;
    bottom: 30px;
    width: 80px;
    height: 80px;
}

.smallbox .goods2_pic img {
    width: 80px;
    height: 80px;
}

/* 浏览更多盒子模块 */

.smallbox_more {
    float: right;
    width: 234px;
    height: 143px;
    margin-bottom: 14px;
    background-color: #fff;
}

.smallbox_more a {
    position: relative;
    display: block;
    padding: 30px 20px;
    width: 234px;
    height: 143px;
    transition: all 0.6s;
}

.smallbox_more:hover a {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.smallbox_more h3 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    width: 90px;
    color: #000;
    font-size: 14px;
}

.smallbox_more p {
    color: #b0b0b0;
    font-size: 12px;
}

.smallbox_more i::after {
    position: absolute;
    right: 45px;
    bottom: 52px;
    font-family: 'icomoon';
    content: "\ea42";
    font-size: 50px;
    color: #ff6709;
}

/* 广告新闻条3 */

.news_3 {
    margin-top: 20px;
}

.news_3 img {
    height: 120px;
}

/* 智能模块 */

.smart {
    margin-top: 20px;
}

.smart .smart_nav {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #000;
}

.smart .smart_nav h2 {
    float: left;
    font-weight: 400;
    color: #333333;
}

.smart .smart_nav ul {
    float: right;
}

.smart .smart_nav ul li {
    float: left;
    margin: 0 25px;
}

.smart .smart_nav ul li:nth-child(3) {
    margin-right: 0;
}

.smart .smart_nav ul li:hover a {
    color: #ff6700;
    border-bottom: 2px solid #ff6700;
}

.smart .smart_nav ul li a {
    color: #424242;
}

/* 家电商品部分 */

.smart_goods {
    margin-top: 10px;
    height: 617px;
}

/* 家电商品左侧部分 */

.smart_goods .smart_goods_le {
    float: left;
    width: 234px;
}

.smart_goods .smart_goods_le ul li {
    height: 300px;
    margin-bottom: 14px;
}

.smart_goods .smart_goods_le ul li a img {
    height: 300px;
    width: 234px;
    transition: all 0.6s;
}

.smart_goods .smart_goods_le ul li a:hover img {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

/* 家电商品右侧部分 */

.smart_goods_ri {
    float: right;
    width: 980px;
}

.smart_goods_ri ul .bigbox {
    float: left;
    width: 234px;
    height: 300px;
    margin-right: 14px;
    margin-bottom: 14px;
}

.smart_goods_ri ul .bigbox:nth-child(4n) {
    margin-right: 0;
}

.smart_goods_ri ul .bigbox a {
    display: block;
    width: 234px;
    height: 300px;
    background-color: #fff;
    transition: all .6s;
}

.smart_goods_ri ul .bigbox:hover a {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

.smart_goods1 {
    padding-top: 20px;
    text-align: center;
}

.smart_goods1 .goods1_pic {
    margin: 0 auto 26px;
    padding-top: 15px;
    width: 160px;
    height: 160px;
}

.smart_goods1 .goods1_pic img {
    width: 160px;
    height: 160px;
}

.smart_goods1 h3 {
    font-weight: 400;
    margin: 0 20px 3px;
    overflow: hidden;
    color: black;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.smart_goods1 .meet {
    font-size: 12px;
    color: #b0b0b0;
    margin: 0 20px 12px;
}

.smart_goods1 .price {
    display: inline-block;
    color: #ff6709;
}

.smart_goods1 del {
    color: #b0b0b0;
}

/* 家电右侧小盒子部分 */

.smallbox {
    float: right;
    width: 234px;
    height: 143px;
    margin-bottom: 14px;
    background-color: #fff;
}

.smallbox a {
    position: relative;
    display: block;
    padding: 20px 20px;
    width: 234px;
    height: 143px;
    transition: all 0.6s;
}

.smallbox:hover a {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.smallbox h3 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    width: 90px;
    color: #000;
    font-size: 14px;
}

.smallbox p {
    color: #ff6709;
}

.smallbox .goods2_pic {
    position: absolute;
    right: 15px;
    bottom: 30px;
    width: 80px;
    height: 80px;
}

.smallbox .goods2_pic img {
    width: 80px;
    height: 80px;
}

/* 浏览更多盒子模块 */

.smallbox_more {
    float: right;
    width: 234px;
    height: 143px;
    margin-bottom: 14px;
    background-color: #fff;
}

.smallbox_more a {
    position: relative;
    display: block;
    padding: 30px 20px;
    width: 234px;
    height: 143px;
    transition: all 0.6s;
}

.smallbox_more:hover a {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.smallbox_more h3 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    width: 90px;
    color: #000;
    font-size: 14px;
}

.smallbox_more p {
    color: #b0b0b0;
    font-size: 12px;
}

.smallbox_more i::after {
    position: absolute;
    right: 45px;
    bottom: 52px;
    font-family: 'icomoon';
    content: "\ea42";
    font-size: 50px;
    color: #ff6709;
}

/* 广告新闻条4 */

.news_4 {
    margin-top: 20px;
}

.news_4 img {
    height: 120px;
}

/* 侧边栏部分 */

.aside .current {
    background-color: #ddd;
    color: #ff6709;
}

.aside .current a {
    color: #ff6709;
}

.aside {
    display: none;
    position: fixed;
    top: 138px;
    right: 0;
    width: 84px;
    height: 500px;
    z-index: 15;
    background: rgba(255, 255, 255, 0.5);
}

.aside ul li {
    width: 84px;
    height: 92px;
    margin-bottom: 10px;
}

.aside ul li a {
    position: relative;
    display: block;
    color: #757575;
    width: 84px;
    height: 92px;
    text-align: center;
}

/* 侧边栏第一图块 */

@keyframes move1 {
    0% {
        width: 0px;
    }
    100% {
        width: 130px;
    }
}

.aside ul li .aside_shoujiapp .aside_pic {
    display: none;
    position: absolute;
    top: 0px;
    right: 84px;
    width: 130px;
    height: 190px;
    overflow: hidden;
    animation: move1 2s cubic-bezier(0, 1, 0, 1) 1;
}

.aside ul li .aside_shoujiapp .aside_pic img {
    width: 100px;
    height: 100px;
}

.aside ul li .aside_shoujiapp::before {
    position: absolute;
    top: 15px;
    right: 24px;
    font-family: 'icomoon';
    content: "\ea1e";
    font-size: 35px;
}

.aside ul li .aside_shoujiapp span {
    display: block;
    width: 84px;
    padding-top: 60px;
}

.aside ul li .aside_shoujiapp:hover .aside_pic {
    display: block;
}

/* 侧边栏第二图块 */

.aside ul li .aside_seckill::before {
    position: absolute;
    top: 15px;
    right: 24px;
    font-family: 'icomoon';
    content: "\e94e";
    font-size: 35px;
}

.aside ul li .aside_seckill span {
    display: block;
    width: 84px;
    padding-top: 60px;
}

/* 侧边栏第三图块 */

.aside ul li .aside_phone::before {
    position: absolute;
    top: 15px;
    right: 24px;
    font-family: 'icomoon';
    content: "\ea6b";
    font-size: 35px;
}

.aside ul li .aside_phone span {
    display: block;
    width: 84px;
    padding-top: 60px;
}

/* 侧边栏第四图块 */

.aside ul li .aside_homeapp::before {
    position: absolute;
    top: 15px;
    right: 24px;
    font-family: 'icomoon';
    content: "\e9c9";
    font-size: 35px;
}

.aside ul li .aside_homeapp span {
    display: block;
    width: 84px;
    padding-top: 60px;
}

/* 侧边栏第五图块 */

.aside ul li .aside_smart::before {
    position: absolute;
    top: 15px;
    right: 24px;
    font-family: 'icomoon';
    content: "\ea8c";
    font-size: 35px;
}

.aside ul li .aside_smart span {
    display: block;
    width: 84px;
    padding-top: 60px;
}

.aside ul li a:hover {
    color: #ff6709;
}